GOOGLE TAG MANAGER > O que configurar e como?
Google Tag Manager
Centralize todos os códigos de rastreamento da sua Loja Virtual em um único painel — sem precisar programar.
O Google Tag Manager (GTM) é um recurso que permite automatizar a criação de tags inseridas diretamente no código-fonte dos sites, de maneira simplificada.
As tags são códigos próprios de acompanhamento ou trechos de código (scripts) que auxiliam na execução de alguma atividade. Essas tags podem ser relacionadas aos serviços do próprio Google ou de terceiros — um exemplo comum são os provedores de suporte que precisam ser integrados ao seu site.
Para entender o que é o Tag Manager, basta pensar em um centralizador desses códigos. Dessa forma, acompanhar métricas, rastrear a jornada do usuário e implementar pixels para suas campanhas de remarketing fica muito mais simples.
- Quantas pessoas visitam a sua loja
- Quais produtos são mais vistos
- Quem adiciona produtos ao carrinho
- Quantas vendas foram feitas
- De onde vêm os clientes (Instagram, Google, anúncios etc.)
Normalmente, para medir tudo isso, seria preciso instalar vários códigos no site. Com o Google Tag Manager, você faz isso apenas criando e organizando “tags” (pequenas configurações prontas), sem precisar programar.
1. Como funciona o Google Tag Manager?
O GTM funciona com três elementos principais:
Tags
São os códigos que queremos ativar (ex.: rastreamento de cliques, envio de formulário, visualização de página).
Gatilhos (Triggers)
Definem quando a tag deve ser ativada: ao carregar uma página, ao clicar num botão ou ao enviar um formulário.
Variáveis
Guardam informações usadas pelas tags e gatilhos (ex.: URL da página, ID de botão, valor da compra).
2. O que são tags no GTM?
Tags são pequenos trechos de código usados para:
- Monitorar visitas e comportamento (ex.: Google Analytics)
- Instalar pixels de anúncios (ex.: Meta Pixel)
- Medir conversões (ex.: Google Ads)
- Ativar ferramentas de chat, remarketing, entre outros
3. Para que serve na prática?
Com o GTM você pode:
- Instalar o Google Analytics 4 sem mexer no código várias vezes
- Configurar eventos personalizados (ex.: clique em WhatsApp)
- Medir conversões de campanhas
- Centralizar todos os scripts de marketing num único painel
- Reduzir a dependência de programadores para alterações simples
- Implementação rápida
- Menos risco de erros no código
- Interface amigável
- Modo de pré-visualização (debug)
- Gestão centralizada de tags
- Mais segurança: adicione tags sem os riscos de modificar o código do site manualmente.
- Mais autonomia: gerencie todas as tags em um único lugar, sem conhecimento técnico.
- Definição de estratégia: crie regras a partir dos acionadores e das variáveis.
- Maior organização: use contêineres para organizar conjuntos de tags, acionadores e configurações.
4. Como vincular a conta do Google Tag Manager ao Tutor
- Selecione o Módulo Loja e Portal
- Acesse o menu Admin. dos Sites
- Clique no botão Alterar de sua Loja Virtual
- Na aba Básico, localize o campo Google Tag Manager
- Copie e cole o código de sua conta (GTM + sequência numérica)
- Escolha o Data Layer: Versão 2 (GA4)
5. Exemplo prático: configurando as tags do GA4 e do Facebook (Meta)
Nesta seção vamos montar, passo a passo, um rastreamento completo do funil de compra da sua Loja Virtual: desde a visita às páginas, passando pelo início do checkout, até a compra concluída — enviando esses dados tanto para o Google Analytics 4 (GA4) quanto para o Facebook (Meta).
A montagem segue uma ordem lógica de dependência: primeiro criamos as variáveis (os valores que as tags vão usar), depois os acionadores (as condições que fazem as tags dispararem) e, por último, as tags em si (que juntam tudo e enviam os dados). Por isso, siga as etapas na sequência apresentada.
| Etapa | Itens | Função |
|---|---|---|
| a Variáveis | 2 | Guardar o valor da venda e o ID do Facebook para reutilizar nas tags |
| b Acionadores | 4 | Identificar os momentos-chave do funil (carrinho, checkout, compra e eventos do GA4) |
| c Tags | 5 | Enviar os dados ao Facebook (3 tags) e ao GA4 (2 tags) quando os acionadores dispararem |
a Variáveis
Vamos iniciar preparando as variáveis de que vamos precisar.
Segundo o Google: “Variáveis são marcadores nomeados para um valor que será alterado, como um nome de produto, um preço ou uma data. O Gerenciador de tags implementa uma camada de dados (Data Layer) para reter valores temporariamente no cliente, para que possam ser usados por tags, acionadores e variáveis.”
Em nossas palavras: variáveis são armazenamentos temporários ou definitivos de algum valor que você precisa usar em vários locais. Por exemplo, o ID do Facebook: em vez de digitar o número direto nas tags, você cria uma variável com esse valor. Se um dia precisar alterar, altera em um único local.
Variável de camada de dados que captura o valor da venda.
Quando um aluno finaliza uma compra, o TUTOR disponibiliza automaticamente o valor da venda na camada de dados (DataLayer) da página, no campo ecommerce.value. Esta variável serve para “ler” esse campo, permitindo que a tag de compra do Facebook informe quanto foi vendido — e não apenas que houve uma venda. É isso que possibilita relatórios de retorno sobre investimento (ROAS) nas suas campanhas.
Crie uma variável do tipo Variável da camada de dados, apontando para ecommerce.value, com o nome: TUTOR - DATALAYER - ecommerce.value
Variável constante com o ID do seu Pixel do Facebook.
O ID do Pixel será usado nas três tags de Facebook que criaremos adiante. Guardando-o em uma variável do tipo Constante ou Permanente, você o digita uma única vez: se um dia o Pixel mudar, basta atualizar aqui e todas as tags passam a usar o novo valor automaticamente. Você encontra esse ID no Gerenciador de Eventos do Facebook.
Crie a variável com o nome: TUTOR - FACEBOOK ID
b Acionadores
Agora vamos criar os acionadores de que vamos precisar nas tags.
Segundo o Google: “As tags são disparadas em resposta a eventos. No Gerenciador de tags do Google, um acionador analisa sua página da Web ou app em busca de determinados tipos de evento, como envios de formulário, cliques em botão ou visualizações de página.”
Em nossas palavras: são a condição para que uma tag seja disparada. Exemplo: “quero disparar a tag X quando a URL da página contiver obrigado-compra”. Ao entrar em uma página cuja URL contenha esse texto, o Tag Manager dispara a tag X.
Vamos criar quatro acionadores, um para cada momento-chave do funil de compra no TUTOR. Os três primeiros identificam páginas específicas pela URL; o quarto captura os eventos de e-commerce que a loja envia ao GA4.
Detecta quando o visitante coloca um curso/produto no carrinho.
Este acionador identifica, pela URL, a página exibida quando um produto é adicionado ao carrinho da loja. Ele será útil para medir o interesse de compra — visitantes que chegaram até aqui estão mais avançados no funil e são um ótimo público para remarketing.
Crie um acionador do tipo Visualização de página com a condição de URL mostrada abaixo, com o nome: TUTOR - CHECKOUT - ADICIONAR
Com as configurações:
{{Page URL}} contém /adicionar
Veja na imagem abaixo:
b.2) Página de obrigado pela compra com valor maior que zero
Detecta uma compra concluída e paga.
Este é o acionador mais importante do funil: ele identifica a página de “obrigado” exibida após a finalização da compra. Repare que ele combina duas condições: a URL da página de obrigado e o valor da venda maior que zero (usando a variável criada no passo a.1). Essa segunda condição evita registrar como conversão matrículas gratuitas ou acessos indevidos à página.
Crie o acionador com o nome: TUTOR - PAGINA - OBRIGADO - VALOR MAIOR QUE ZERO
OBS: Caso queira também vendas gratuitas só não colocar a regra de valor maior que zero.
Detecta o início do checkout.
Este acionador identifica, pela URL, a página de pagamento da loja — o momento em que o visitante inicia o checkout. Com ele, você consegue medir quantas pessoas começam o pagamento e comparar com quantas concluem (acionador b.2), revelando o abandono de checkout.
Crie o acionador com o nome: TUTOR - PAGINA - PAG
Captura os eventos de e-commerce enviados pela loja.
Diferente dos anteriores, este acionador não olha para URLs: ele é do tipo Evento personalizado e escuta os eventos de e-commerce que a Loja TUTOR envia automaticamente para a camada de dados. Usando o nome do evento como expressão regular (o símbolo | significa “ou”), um único acionador cobre todo o funil: visualização de lista, visualização de produto, adição e remoção do carrinho, início de checkout e compra. Ele será usado pela tag de eventos do GA4 (passo c.5).
Nome: TUTOR - GA4 - TODOS EVENTOS
Nome do evento (marque a opção de correspondência por expressão regular): view_item_list|view_item|add_to_cart|remove_from_cart|begin_checkout|purchase
c Tags
O que são tags: uma tag é um pedaço de código adicionado ao seu site para enviar dados a terceiros, como Google e Facebook. Uma tag também pode ser um código JavaScript incorporado ao seu site.
Com as variáveis e os acionadores prontos, agora vamos criar as cinco tags que efetivamente enviam os dados: três para o Facebook (visualização de página, início de checkout e compra) e duas para o GA4 (configuração e eventos). Cada tag combina um modelo (o formato do envio), as variáveis (os dados enviados) e um acionador (o momento do disparo).
1 Na escolha da tag, clique em “Descubra mais tipos de tag na Galeria...”
2 Filtre por Facebook Pixel e faça a instalação, seguindo o passo a passo.
Evento PageView — a base do Pixel.
Esta é a tag base do Pixel: ela carrega o Facebook Pixel e envia o evento PageView em todas as páginas do site. É ela que permite ao Facebook construir os públicos de remarketing com todos os visitantes da loja. Use a variável TUTOR - FACEBOOK ID no campo do Pixel ID e o acionador padrão All Pages.
Nome: TUTOR - FACEBOOK - PAGEVIEW
Evento InitiateCheckout.
Esta tag envia ao Facebook o evento InitiateCheckout quando o visitante chega à página de pagamento. Ela usa o acionador TUTOR - PAGINA - PAG, criado no passo b.3. Com esse evento, você pode otimizar campanhas para quem inicia o checkout e criar públicos de quem começou mas não concluiu a compra.
Nome: TUTOR - FACEBOOK - INICIO DE CHECKOUT
Evento Purchase com o valor da venda.
Esta tag registra a conversão de fato: envia ao Facebook o evento Purchase quando o visitante chega à página de obrigado, usando o acionador TUTOR - PAGINA - OBRIGADO - VALOR MAIOR QUE ZERO (passo b.2). No parâmetro de valor, informe a variável TUTOR - DATALAYER - ecommerce.value (passo a.1) — assim o Facebook recebe o valor real de cada venda e consegue calcular o retorno das suas campanhas.
Nome: TUTOR - FACEBOOK - COMPRA EFETUADA
Tag de configuração — conecta o site à sua propriedade GA4.
Esta é a tag de configuração do Google Analytics 4: ela carrega o GA4 em todas as páginas e já registra as visualizações de página automaticamente. Informe o ID de métricas da sua propriedade GA4 (formato G-XXXXXXX, encontrado em Administrador > Fluxos de dados) e use o acionador All Pages. Ela precisa existir antes da tag de eventos (c.5), que depende dela.
Nome: TUTOR - GA4 - Configuracao
Tag de evento — repassa os eventos de e-commerce ao GA4.
Esta tag repassa ao GA4 os eventos de e-commerce capturados pelo acionador TUTOR - GA4 - TODOS EVENTOS (passo b.4). No nome do evento, use a variável interna {{Event}}, que reaproveita o próprio nome do evento disparado (add_to_cart, purchase etc.) — assim uma única tag trata todo o funil, e os relatórios de e-commerce do GA4 passam a exibir produtos vistos, carrinho, checkout e vendas.
Nome: TUTOR - GA4 - Eventos
